<template>
  <div class="success">
    <div class="success-in text-c fullheight">
      <p><img src="static/images/success.png" alt=""></p>
      <p class="bold">支付成功</p>
      <p class="btm-p">长按识别下方二维码!</p>
      <p class="btm-p">随时查看订单状态~</p>
      <img class="btm" src="static/images/ylcode.jpg" alt="">
    </div>
  </div>
</template>
<script>
  export default {
    name: 'success',
    componets: {
    },
    data () {
      return {
      }
    },
    mounted () {
      console.log(window.location.hash.split('?'))
    }
  }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang='less'>
  @import '../../assets/less/border.less';
  .success{
    .success-in{
      padding-top: 2rem;
      margin:0 auto;
      img{
        width: 1.4rem;
      }
      p.bold{
        font-weight: bold;
        font-size: 0.4rem;
        line-height: 0.8rem;
        margin-bottom: 0.6rem;
      }
      .btm-p{
        line-height: 0.5rem;
        color: #666666;
        font-size: 0.3rem;
      }
      img.btm{
        width: 2.2rem;
        margin-top: 0.2rem;
      }
    }
  }
</style>
